body{
	font-size:12px;
	position:relative;
	margin:0;
}
.clearfix:after{
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#000;
	text-decoration:none;
}
div.messageBox{
	/*width:993px;*/
	/***/
	width: 100%;
	margin-left: 10px;
	margin-right: 10px;
	/***/
	border:5px solid #608c8c;
	background:url(../images/mms/messageBox_bg.png) repeat-x left top;
	overflow:hidden;
	clear:both;
}
div.messageBox div.top{
	/*width:962px;*/
	height:32px;
	border:1px solid #608c8c;
	/*margin:9px 0 0 6px;*/
	margin: 9px 6px 0 6px;
	padding:8px 0 0 9px;
}
div.messageBox div.top label{
	font-weight:bold;
}
div.messageBox div.top .text{
	border:1px solid #8b8ca0;
	width:525px;
	padding:2px;
	margin:0 15px 0 0;
}
div.messageBox div.content{
	width:auto;
	margin:9px 0 0 6px;
	padding:0 0 2px 0;
	border:none;
}
div.messageBox div.contentLeft{
	width:113px;
	float:left;
	border:1px solid #d2d9e3;
	height:387px;
}
div.messageBox div.contentLeft div.btn{
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #d2d9e3;
	height:29px;
	background:#f0f0f0;
	font-size:0.5em;
	padding:5px 0 0 0;
}
div.messageBox div.contentLeft div.btn a{
	display:inline-block;
	width:25px;
	height:24px;
	margin-left:0;
}
div.messageBox div.contentLeft div.btn a.clean{
	background:url(../images/mms/icon01.png) no-repeat center top;	
}
div.messageBox div.contentLeft div.btn a.clean:hover{
	background:url(../images/mms/icon01.png) no-repeat center -24px;	
}
div.messageBox div.contentLeft div.btn a.delete{
	background:url(../images/mms/icon02.png) no-repeat left top;	
}
div.messageBox div.contentLeft div.btn a.delete:hover{
	background:url(../images/mms/icon02.png) no-repeat left -24px;	
}
div.messageBox div.contentLeft div.btn a.up{
	background:url(../images/mms/icon03.png) no-repeat left top;	
}
div.messageBox div.contentLeft div.btn a.up:hover{
	background:url(../images/mms/icon03.png) no-repeat left -24px;	
}
div.messageBox div.contentLeft div.btn a.down{
	background:url(../images/mms/icon04.png) no-repeat left top;	
}
div.messageBox div.contentLeft div.btn a.down:hover{
	background:url(../images/mms/icon04.png) no-repeat left -24px;	
}
div.messageBox div.contentLeft div.multimedia{
	width:66px;
	height:98px;
	margin:5px auto;
	padding:1px 2px;
	border:1px solid #ebead8;
	cursor:pointer;
	display:none;
}
div.messageBox div.contentLeft div.on{
	border:2px  solid #add1eb;
}
div.messageBox div.contentLeft span.num{
	display:block;
	font-size:14px;
	height:18px;
	line-height:18px;
	color:#c3dff3;
	text-align:center;
	font-weight:bold;
}
div.messageBox div.contentLeft div.multimedia_inner{
	width:66px;
	height:80px;
	background:#ececec;
	text-align:center;
	display: table-cell;
    vertical-align:middle;
	*font-size:60px;

}
div.messageBox div.contentLeft div.multimedia_inner img{
	vertical-align:middle;

}
div.messageBox div.contentMid{
	width:454px;
	float:left;
	margin-left:6px;
}
div.messageBox div.contentMid div.toolbar{
	width:454px;
	height:29px;
	border-bottom:1px solid #fff;
	background:url(../images/mms/toolbar_bg.png) repeat-x;
	padding-top:9px;
}
div.messageBox div.contentMid div.toolbar span.addImg,div.messageBox div.contentMid div.toolbar span.addMusic,div.messageBox div.contentMid div.toolbar span.addText{
	background:url(../images/mms/icon07.png) no-repeat left top;
	padding-left:26px;
	display:inline-block;
	font-size:12px;
	height:21px;
	line-height:21px;
	margin:0 5px;
	color:#6f6f6f;
}
div.messageBox div.contentMid div.toolbar span.addMusic{
	background:url(../images/mms/icon05.png) no-repeat left top;
}
div.messageBox div.contentMid div.toolbar span.addText{
	background:url(../images/mms/icon06.png) no-repeat left top;
}
div.messageBox div.contentMid div.toolbar a{
	color:#6f6f6f;	
}
div.messageBox div.contentMid div.textarea{
	background:#ece9d8;
	padding:9px;

}
div.messageBox div.contentMid div.textarea textarea{
	width:416px;
	height:310px;
	border:2px solid #a3c2cd;
	font-size:12px;
	padding:8px;
}
div.messageBox div.contentRight{
	width:393px;
	float:left;
	margin-left:6px;
}
div.messageBox div.contentRight div.lib{
	width:393px;
	position:relative;
}
div.messageBox div.contentRight div.libTop{
	width:393px;
	height:30px;
	border-bottom:5px solid #608c8c;
	overflow:hidden;
}
div.messageBox div.contentRight div.libTop a{
	float:left;
	background:#b8cece;
	width:90px;
	height:25px;
	line-height:25px;
	border-right:1px solid #000;
	text-align:center;
	margin:5px 5px 0 0;
}
div.messageBox div.contentRight div.libTop a.current{
	width:100px;
	height:19px;
	padding-top:11px;
	background:#608c8c;
	margin-top:0;
	font-weight:bold;
	color:#fff;
	line-height:12px;

}
div.messageBox div.contentRight div.libCon{
	border-left:1px solid #608c8c;
	border-right:1px solid #608c8c;
	border-bottom:1px solid #608c8c;
	padding:8px 5px;
	width: 500px;
	height:360px;
}
div.messageBox div.contentRight div.libCon table{
	border:1px solid #608c8c;	
	border-collapse:collapse;
}
div.messageBox div.contentRight div.libCon table td{
	border:1px solid #608c8c;	
	border-collapse:collapse;
	padding:0 2px;
	height:23px;
}
div.messageBox div.contentRight div.libCon table th{
	font-weight:normal;
	background:#b8cece;
	height:32px;
	border:1px solid #608c8c;	
	border-collapse:collapse;
}
div.messageBox div.contentRight div.libCon div.pagination{
	position:absolute;
	right:0;
	bottom:0;
	height:30px;
	line-height:30px;
}
div.messageBox div.contentRight div.libCon div.pagination a{
	color:#4b4b4b;
	margin:0 12px 0 0;
}
div.messageBox div.state{
	height:25px;
	background:#f3f3f3;
	line-height:25px;
	margin-left:3px;
	padding:0 0 0 3px;
}
div.messageBox div.state span{
	margin-right:13px;
	color:#4b4b4b;
}
div.btnbox{
	padding:16px 0;
	text-align:center;
	background:#e5e5e5;
	width: 590px;
}
div.btnbox a{
	display:inline-block;
	width:100px;
	height:28px;
	background:#b8cece;
	border-right:1px solid #325e5e;
	border-bottom:1px solid #325e5e;
	text-align:center;
	line-height:28px;
	font-weight:bold;
	margin:0 7px;
}
/* edit */
div.edit{
	position:absolute;
	left:50%;
	top:50%;
	width:472px;
	height:500px;
	margin:-180px 0 0 -250px;
	border:5px solid #608c8c;
	background:#fff url(../images/mms/messageBox_bg.png) repeat-x left top;
	display:none;
	z-index:3;
}
div.edit2{
    position:absolute;
    left:50%;
    top:50%;
    width:472px;
    height:250px;
    margin:-125px 0 0 -241px;
    border:5px solid #608c8c;
    background:#fff url(../images/mms/messageBox_bg.png) repeat-x left top;
    display:none;
    z-index:3;
}

div.upload{
	width:460px;
	margin:0 auto;
	height:40px;
	padding:8px 0 0 0;
	border:1px solid #608c8c;
	margin-top:9px;
}
div.upload label{
	margin:0 0 0 9px;
	font-weight:bold;
}
div.upload .text{
	border:1px solid #8b8ca0;
	width:295px;
	padding:2px;
}
div.upload .btn{
	width:67px;
	height:23px;
	background:url(../images/mms/btn_bg.png) no-repeat;
	line-height:23px;
	text-align:center;
	cursor:pointer;
	border:none;
	color:#585859;
	
}
div.upload .btn:hover{
	background:url(../images/mms/btn_bg.png) no-repeat left -23px;
}
div.editImg{
	width:462px;
	height:380px;
	background:#ece9d8;
	margin:6px auto 2px auto;
	overflow:hidden;
}
div.editImg_inner{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    height:350px;
    margin:16px auto;
    width:450px;
}
div.mask{
	width:100%;
	height:100%;
	background:#333; 
	opacity:0.6;
	filter:alpha(opacity=60);
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	display:none;
}
div.preview{
	width:302px;
	height:500px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-250px 0 0 -151px;
	background:url(../images/mms/preview_bg.png) no-repeat left top;
	display:none;
	z-index:3;
	overflow:hidden;
}
div.preview1{
    width:302px;
    height:500px;
    position:absolute;
    left:0%;
    top:0%;
    margin:0px 0 0 0px;
    background:url(../images/mms/preview_bg.png) no-repeat left top;
    display:none;
    z-index:3;
    overflow:hidden;
    padding-top: 29px;
    -padding-top:29px;
}
div.previewInner{
	width:241px;
	height:363px;
	background:#fff;
	margin:0 0 0 27px;
	overflow:hidden;
}
a.preview_btn,a.preview_btn2{
    display:block;
    width:70px;
    height:34px;
    line-height:34px;
    text-align:center;
    color:#666666;
    margin:36px 0 0 37px;
    background:url(../images/mms/preview_btn.png) no-repeat left top;
    float:left;
    display:inline;
}

a.view_btn,a.view_btn2{
    display:inline-block;
    width:70px;
    height:34px;
    line-height:34px;
    text-align:center;
    color:#666666;
    margin:0 0 0 37px;
    background:url(../images/mms/preview_btn.png) no-repeat left top;
    float:left;
    line-height:34px!important;
}

a.view_btn2{
    float:left;
    margin-left:76px;
    display:inline-block;
}
a.view_btn:hover,a.view_btn2:hover{
    text-decoration:none;
    color:#999999;
}
a.preview_btn2{
    float:left;
    margin-left:76px;
    display:inline;
}
a.preview_btn:hover,a.preview_btn2:hover{
    text-decoration:none;
    color:#999999;
}